module.exports = {
    plugins: {
      //报红色问题
      //因为VueCli内部已经配置了autoprefixer插件
      //这里又配置一次，会产生冲突，所以注释掉
      //可以实现自动添加浏览器相关的声明前缀
      // 'autoprefixer': {
      //   //配置要兼容到的环境信息
      //   browsers: ['Android >= 4.0', 'iOS >= 8']
      // },
      //将 px 转为 rem
      'postcss-pxtorem': {
        //lib-flexible的REM适配方案：把一行分成10份，每份就是十分之一
        //所以rootValue应该设置为你的设计稿宽度的十分之一
        //例如设计稿是 750 宽，则应该设置为 75。
        //但是Vant建议设置为37.5，为什么呢？因为 Vant 是基于 375 写的，
        //所以必须设置为37.5，唯一的缺点就是使用我们的设计稿的尺寸都必须除以2
        //更好的办法：
            //- 如果是 Vant 的样式，就把 `rootValue` 设置为 37.5 来转换
            // - 如果是我们的样式，就按照 75 的 `rootValue` 来转换
        //通过查阅文档，我们发现rootValue支持两种类型：
        //数字：固定的值；函数：可以动态处理返回
        // rootValue: 37.5,
        //postcss-pxtorem 处理每个CSS文件的时候都会调用这个函数
        //他会把被处理的css文件相关的信息通过参数传递给该函数
        rootValue({file}){
          return file.indexOf('vant')!==-1?37.5:75
        },
        //配置要转化的CSS属性
        propList: ['*'], //全部转换
        //配置不要转换的样式资源
        exclude:'github-markdown'
        // propList: ['height'] 只转换高
      }
    }
  }